<!-- directive:title 未读消息 -->
<!-- directive:breadcrumb 未读消息 -->
<div class="panel-body">
    <span>你看怎么样</span>
    <a href>
        <i class="icon-bell fa-fw"></i>
        <span class="badge badge-sm up bg-danger pull-right-xs">2</span>
    </a>
    <hr />
    <script type="text/xianjs" ui-bs>
        <a href>
            <i class="icon-bell fa-fw"></i>
            <span class="visible-xs-inline">Notifications</span>
            <span class="badge badge-sm up bg-danger pull-right-xs">2</span>
        </a>
    </script>
    <hr />
    <a href class="badgeup"> <i class="icon-bell fa-fw"></i> <i class="badgeuptag"></i> </a>
    <span class="badgeup"> 你看怎么样 <i class="badgeuptag"></i> </span>
    <hr />
    <script type="text/xianjs" ui-bs>
        <span class="badgeup"> ... <i class="badgeuptag"></i> </span>
    </script>
    <style type="text/css" ui-bs>
        .badgeup { position:relative; display: inline-block; }
        .badgeuptag { position: absolute; width: 10px; height: 10px; display: block; top: -2px; right: -4px; background: #f05050; border-radius: 50%; z-index: 10; }
    </style>
</div>

